<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣源</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="forget_pwd1">
        <header-top></header-top>
        <common-login-head text="找回密码"></common-login-head>
        <div class="for_com-bg-bg">
            <div class="forget_pwd container">
                <div class="forget_pwd-top">
                    <div class="forget_pwd-top-bar">
                        <!-- 进度条 -->
                        <div class="bar bar1"></div>
                        <div class="con">
                            <div class="con-col cur">
                                <div class="con-col-cir">1</div>
                                <p>确认账号</p>
                            </div>
                            <div class="con-col">
                                <div class="con-col-cir">2</div>
                                <p>安全验证</p>
                            </div>
                            <div class="con-col">
                                <div class="con-col-cir">3</div>
                                <p>重置密码</p>
                            </div>
                            <div class="con-col">
                                <div class="con-col-cir">4</div>
                                <p>完成</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="forget_pwd-bottom">
                    <div class="con">
                        <div class="con-col">
                            <h1><span>*</span>手机号码：</h1>
                            <input type="tel" v-model="tel">
                        </div>
                        <!--<div class="con-col con-col-input_code">-->
                            <!--<h1><span>*</span>验证码：</h1>-->
                            <!--<input type="text" name="">-->
                            <!--<img src="https://dummyimage.com/100x30/79b0f2">-->
                            <!--<p>换一张</p>-->
                        <!--</div>-->
                        <a href="javascript:void(0)" @click="next">下一步</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="for_com-footerbg">
            <common-login-footer class="pt-30 pb-60"></common-login-footer>
        </div>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        forget_pwd1();
    </script>
</body>

</html>